草庐IT

CSS 响应中心 Div

全部标签

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - 使用 PhantomJS 进行响应式设计测试

我有一个javascript应用程序(RequireJSwithBackbone),我正在使用PhantomJS和Jasmine对其进行测试。在经历了很多痛苦之后,我终于可以运行简单的测试了。我正在使用基于此处找到的测试运行器run-jasmine.js.我的应用程序是响应式的,因为随着视口(viewport)宽度的变化,各种DOM元素的宽度也会发生变化。我知道当我创建用于测试的“页面”时,我可以在“run-jasmine.js”中设置视口(viewport)宽度。我想知道的是.....您是否能够以某种方式在单个测试套件中循环遍历一系列视口(viewport)宽度。使用“run-jas

javascript - 单击按钮时删除 div - 问题 : removing all divs

在按钮点击事件中,一个新的div被创建。用户可以创建尽可能多的div。一旦创建了div,它就可以拖动了,这要归功于jqueryuidraggablePLUGIN的帮助。.我已经设置了另一个点击按钮事件来删除创建的div。问题是当用户单击删除按钮时,它会删除所有div。如何将按钮附加到每个div以专门删除该div?JSFIDDLE查询/**Removenewlycreateddiv**/$(".remove").click(function(){$(".draggable").remove();});varz=1;$('#button').click(function(e){/**Mak

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - 如何使用 Cheerio js 删除 <div> 和 <br>?

我有以下html,我想通过Cheerios进行解析。var$=cheerio.load('Thisworkswell.SoIhavebeendoingthisforseveralhours.Howcomethespacedoesnotsplit?Thinkingthatthiscouldbeanissue.Testingnextparagraph.Imtestingwithanotherpost.Thispostshouldwork.Thisisfortestserver.',{normalizeWhitespace:true,});//tryingtoparsethehtml//th

javascript - 如何在窗口滚动时上下移动div

我有一个jquery函数,可以在滚动页面时上下移动一些div,这里是代码->$(window).scroll(function(){$(".mydiv").css({"margin-top":($(window).scrollTop())+"px","margin-left":($(window).scrollLeft())+"px"});});上面的代码只适用于一个div,比如->ThisdivworksThisdivtakesahighdistancefromabovedivandgoesdown$(window).scroll(function(){$(".mydiv").css

javascript - Vuejs 在复选框选择时切换 div 可见性

我正在尝试使用Vuejs切换容器div的可见性我尝试了以下两种方法,但都对容器的可见性没有任何影响。方法一:OptionsTextisvisiblevarapp=newVue({el:'#selector',data:{"checked":false}})我知道Vue.js加载正常,勾选复选框对文本可见性没有影响。方法二:OptionsTextisvisiblevarapp=newVue({el:'#selector',data:{"seen":false}})同样,勾选复选框无效。有什么想法吗? 最佳答案 您必须使用selecto

javascript - 在 jQuery 中修改 CSS 变量/自定义属性

在我的应用程序中,我有一些参数,我想使用jQuery将它们放入CSS变量中。我也想阅读它们。我在读取CSS变量的值时遇到了困难,并尝试了很多东西……在我输入问题时,在“可能已经有了答案的问题”中找到了解决方案。无论如何,我附上了一个片段,因为我需要知道:⋅⋅⋅为什么方法1不起作用?⋅⋅⋅有没有办法使用jQuery获取CSSvar值?我觉得它缺少一个简单的解决方案来处理CSS变量……我错了吗?当然,如果没有任何办法,我会使用javascript解决方案。但我想确定一下。预先感谢您的回答。//Thismethoddoesn'tworkforwritingCSSvar.$(":root").

javascript - 如何隐藏其他 div 除了 touched div 到 band

我想隐藏其他divs除了toucheddiv到band之外乐队就是这个元素每当滚动元素touches元素那么就得显示,其他的div也要隐藏问题:仅toucheddiv到band必须显示,其他必须是hidden,这意味着只有一个content必须一次显示。jsbin:https://jsbin.com/zudideheza/edit?html,css,js,console,output$(function(){varpos=1;varii=0;varintId=setInterval(function(){ii++;pos=-ii;//console.log(pos);$('.conta

javascript - Firefox 中 Flash 顶部的 CSS/JavaScript 导航菜单

我的网站有一个用CSS和JavaScript构建的下拉菜单,它会在Flash动画上下拉。在IE(6&7)中,下拉菜单位于Flash动画上方,而在Firefox(2&3)中,菜单出现在Flash动画下方。有什么方法可以让这个动态菜单在Firefox中通过Flash流动吗?在IE7中菜单出现在Flash上:在Firefox中,菜单出现在Flash下:(我该如何解决这个问题?!) 最佳答案 尝试将wmode设置为透明-参见here 关于javascript-Firefox中Flash顶部的CS